<template>
  <div class="common-layout">
    <img src="/imgs/scene/cd15.jpg" style="height: 400px; width: 1700px;">
    <div class="mContent">
      <div class="advertisement" :class="{ 'fixed-position': isFixed }">
        <el-carousel   >
          <el-carousel-item v-for="url in bannerArr1" >
            <img :src="url" style="width:100%;height:100%;">
          </el-carousel-item>
        </el-carousel>
        <h3>添加客服</h3>
        <img src="/imgs/scene/Vx1.png" style="width: 400px;height: 400px">
      </div>
      <div class="content" >

        <h1 style="font-size: 40px">成都往返九寨沟，自由行真的很简单</h1>
        <img src="/imgs/scene/tuijian%20(2).png" style="width: 900px;height: 200px">
        <img src="/imgs/scene/gl02%20(1).jpg" class="picture1">
        <p class="tit01">两天一夜打卡九寨沟全部景点，还有时间拍了藏族写真照。九寨沟路途远，一天必定很累，专门安排了九寨沟两天游，悄咪咪住在景区民宿一晚，省下一天门票钱，还省下来多次往返景区的疲惫。
          Day1：7:30-8:59成都东-镇江关，转乘携程直通车（在携程九寨沟门票预订页面，选择直通车就行-司机都会在前一晚通过短信告知发车时间和车牌号），约12点直达九寨沟景区。（这个时间进景点人超少）
          住宿：九寨沟荷叶寨的民宿，老板会亲自出来接行李直接送到民宿，轻松进景区游玩，晚上六点左右直接回民宿吃饭（包一晚一早）。也会有人选择树正寨，也是一个可以住宿的地点。</p>
        <img src="/imgs/scene/gl02%20(2).jpg" class="picture1">
        <p class="tit01">景区参观：长海-五彩池-诺日朗瀑布-犀牛海-老虎海-树正瀑布。下午先去了Y字型游览的左边，直达长海和五彩池。从诺日朗中心到长海需要20分钟，
          可以当做中途的休息。长海到五花海需要自行走路，这段路超多楼梯。虽然目前五花海是枯水期，但身临其境还是会被碧绿的湖水震惊到。逛完这两个景点
          坐车回到诺日朗中心下车，走路去诺日朗瀑布，之后就顺着游览线路往下走。不过大家还是要考虑体力，如果觉得累还是做接驳车。走了一趟后发现累死了。
          不过也能看到了坐车没有看到的小景色。</p>
        <img src="/imgs/scene/gl02%20(8).jpg" class="picture1">
        <p class="tit01">Day2：游览安排：五花海-珍珠滩瀑布-镜海-中午休息-长海-树正海群-双龙海-芦苇海。
          早上是预约了藏族服饰的妆造，小姐姐还亲自来民宿接我们上去诺日朗中心化妆，做完造型后直接跟着摄影师到五花海。这里是全九寨沟最多人拍摄写真的地方。
          这里也有现做造型换衣服和拍摄一条龙的服务，但感觉流水型的拍摄一般般。划重点，我的衣服和妆造可以跟一天，虽然摄影师只拍五花海。但是去其他地方自己让
          朋友拍摄也是超美的，景美人也美😆
          因为前一天是雨天，我们还特意晴天回去拍摄长海的两种天气情况做对比。这就是住里面的松弛🤭民宿老板帮忙将行李送到今晚住的酒店了。游览完就很轻松的到酒店入住。</p>
        <img src="/imgs/scene/gl02%20(3).jpg" class="picture1">
        <p class="tit01">Day3：回程，携程8点直通车，达到镇江关高铁站接近11点。高铁： 镇江关-成都东 12:51-14:30，距离高铁坐车还有两小时，尽量自备吃的，这段路
          程基本很少好吃的～ 两点多回到成都，还有很多时间逛吃逛吃。</p>
        <img src="/imgs/scene/gl02%20(4).jpg" class="picture1">
        <p class="tit01">游览顺序：
          右线：10：10原始森林——🚌箭竹海★——🚌五花海★——👣珍珠滩——👣镜海停车场——🚌诺日朗中转站13：30
          左线：14：00诺日朗中转站——🚌长海★——👣五彩池★——🚌诺日朗瀑布——🚌老虎海——👣树正群海——🚌火花海★——👣双龙海——🚌景区出口17：00
          午餐：火腿肠+面包+柑橘🍊（在景区外面买的）
          晚餐：喜马拉雅藏餐吧耗牛肉盖被套餐183r/3人（推荐，味道不错，酥油茶更好喝，还送了青稞蜂蜜酒）</p>
        <img src="/imgs/scene/gl02%20(5).jpg" class="picture1">
        <p class="tit01">游玩建议：
          想要看到醉美的风景记住：从沟口到犀牛海坐观光车左侧，犀牛海到诺日朗坐右侧，游玩日则沟坐右侧，则查洼沟坐左侧
          早上到了景区不要因为新鲜，一个景区逛太久，合理安排时间，主要去想去的景点，重点tui荐长海、五彩池、火花海、芦苇海（大家也可根据自己喜好来）
          景区内只有诺日朗中心站有吃的，建议自备一些干粮，路上可以补充体力</p>
        <img src="/imgs/scene/gl02%20(6).jpg" class="picture1">
        <p class="tit01">1药物辅助:出发前3-5天左右，服用红景天等增强身体抗氧能力，效果要因人而异。
          2防寒保暖:高原海拔高，昼夜温差大，小心感昌
          3合理饮食:不宜吃得过饱，少吃油腻食物。
          4合理休息:保证充足的睡眠时间，晚上休息精神好。
          5合理行程:第一次去的建议跟团旅游，切勿劳累。
          6心理准备:克服恐惧心理、保持良好心态。出发前可以去医院体检了解一下身体状况。
          7生理准备:出发前建议不要剧烈运动，适当舒缓运动增强身体适应性。
          8景区内设有吸氧处，如感不适，可以免费吸氧(器具需要一元一套)。
          7-9月去九寨沟旅行，“出行日期十人数”关于九寨沟还有更多详细攻略~可私信我了解详细行程</p>
        <img src="/imgs/scene/gl02%20(7).jpg" class="picture1">

      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted } from "vue";

const isFixed = ref(false);

onMounted(() => {
  window.addEventListener('scroll', () => {
    const scrollPosition = window.scrollY || document.documentElement.scrollTop;
    if (scrollPosition > 400) {
      isFixed.value = true;
    } else {
      isFixed.value = false;
    }
  });
});
const bannerArr1 = ref(["/imgs/scene/cdj.jpg","/imgs/scene/cd23.jpeg","/imgs/scene/lvgl03.jpg","/imgs/scene/sgns1.jpg"])
</script>

<style>
.tit01{
  font-size: 30px;
  margin: 20px;
  text-align: left;
}
.picture1{
  width: 899px;
}

.mContent {
  width: 1300px;
  text-align: center;
  position: relative; /* 确保子元素可以相对于它定位 */
}
.content {
  background-color:white;
  width: 900px;
  margin-left: 600px;
}
.advertisement {
  height: 300px;
  width: 400px;

  position: absolute; /* 相对父元素定位 */
  left: 200px;
  top: 0;
}
.fixed-position {
  position: fixed;
  top: 150px;
  left: 300px;
}
</style>